1:13:18 / 2:55:45•Watch full video

Intro & Demo

Project Setup

Next.js Overview

Header

Header Scroll Functionality

Footer

Homepage Banner Carousel

Homepage Heading & Paragraph

Homepage Product Listing

Category Page

Product Details Page

Related Product Carousel

Cart Page

Success & Failed page

Sagnik Das

Public

0/140

30.0 seconds

Continue clipping after ad finishes

Can’t create clip while ad is playing

Build & Deploy a Full Stack E-Commerce Website with Next.js 13, Strapi Headless CMS & Tailwind CSS

JS Dev Hindi

2.8K

Likes

87,115

Views

Mar 18

2023

It took me around one month to bring you this fully functional, fully responsive and beautiful looking full stack e-commerce project with the latest trending top notch technologies, I have covered all important topics of creating a ecommerce website such as product listing, product detail page, shopping cart, payment gateway and so on… Recommended Videos: ⏩ Build Deploy & Google Search Clone - • Build & Deploy Go... ⏩ Build Deploy & YouTube Clone - • Build & Deploy Fu... ⏩ Build & Deploy Personal Portfolio Website - • Build & Deploy Fu... ⏩ Build & Deploy ChatGPT Ai App - • Build & Deploy Ch... ⏩ Build a Full Stack E-Commerce Website - • Build a Full Stac... ⏩ Modern Portfolio Website - • Build & Deploy Mo... 📚 Materials/References: ⭐ GitHub Repository - Frontend (give it a star ⭐): http://bit.ly/3LxFzJb ⭐ GitHub Repository - Backend (give it a star ⭐): http://bit.ly/3JOLGaT ⭐ Gist: http://bit.ly/3Fppphc ⭐ Starter Boilerplate - http://bit.ly/3TfTPrS ⭐ Assets: http://bit.ly/3mQVjwF ⭐ Products Data: http://bit.ly/3TkWz7c Tailwind installation guide for nextjs: https://tailwindcss.com/docs/guides/n... In this tutorial you’ll learn: - Next.js 13 and its latest features - Core feature of Next.js - Server side rendering (SSR, SSG) in Next.js - Dynamic Routing in Next.js - Rapid UI building with Tailwind CSS - Mobile first responsive approach - Functional Programming through utility methods - Strapi Headless CMS and its features - How to fetch data from strapi api’s in next.js application - Redux fundamentals and its best usage for cart functionality - Complete cart functionality with add,update,delete actions - Project deployment for frontend and backend Follow me on 👇 🖼️ Instagram - https://bit.ly/3jIJqYc 😺 GitHub - http://bit.ly/3I6Qx6O 👇 Time Stamps 00:00:00 Intro & Demo 00:07:50 Project Setup 00:28:15 Next.js Overview 00:33:01 Header 01:22:14 Header Scroll Functionality 01:31:32 Footer 01:37:22 Homepage Banner Carousel 01:51:20 Homepage Heading & Paragraph 01:55:05 Homepage Product Listing 02:02:45 Category Page 02:11:15 Product Details Page 02:27:54 Related Product Carousel 02:35:38 Cart Page 02:53:50 Success & Failed page Join this channel to get access to perks: / @jsdevhindi

Intro & Demo

Project Setup

Next.js Overview

Header

Featured playlist

JS Dev Hindi

13.8K subscribers

React JS Up & Running Course For Beginners - useState Explained

by JS Dev Hindi

738 views · 6 months ago

Build & Deploy Movix Single Page Web Application with React & Redux Full Course | Fully Responsive

by JS Dev Hindi

118K views · 5 months ago

React JS Up & Running Course For Beginners - Events Handling

by JS Dev Hindi

713 views · 6 months ago

Build a Full Stack E-Commerce Website with React 18, Strapi, Stripe | Complete E-Commerce Project

by JS Dev Hindi

189K views · 6 months ago

React JS Up & Running Course For Beginners - JSX Explained

by JS Dev Hindi

1.8K views · 6 months ago

Build & Deploy Fully Functional YouTube Clone Single Page Application with React JS & Tailwind CSS

JS Dev Hindi

Build & Deploy Fully Functional Personal Portfolio Website with Modern UI/UX in React JS

JS Dev Hindi

Build Fully Functional Personal Portfolio Website with Modern UI/UX in React JS - Part 2

JS Dev Hindi

Build & Deploy Google Search Application with React JS & Tailwind CSS | Google Clone in React

JS Dev Hindi

Build Fully Functional Personal Portfolio Website | Responsive | Deployment - Part 3

JS Dev Hindi

Build a Full Stack E-Commerce Website with React 18, Strapi, Stripe | Complete E-Commerce Project

JS Dev Hindi

Build & Deploy ChatGPT Ai App with React | OpenAI ChatGPT 3 NLP Model

JS Dev Hindi

Build & Deploy Movix Single Page Web Application with React & Redux Full Course | Fully Responsive

JS Dev Hindi

Build & Deploy Modern Portfolio Website with React, Tailwind & Framer Motion

JS Dev Hindi

React Development Master Class | 2 Real World Projects (YouTube & Google Clone) with React, Tailwind

JS Dev Hindi

Build & Deploy a Full Stack E-Commerce Website with Next.js 13, Strapi Headless CMS & Tailwind CSS

JS Dev Hindi

Build & Deploy a Full Stack E-Commerce Website with Next.js & Strapi | Part-2 (Backend & Deployment)

JS Dev Hindi

Build & Deploy an App with Next.js and Firebase - Uncover the Secrets of CRUD and Authentication!

JS Dev Hindi

Build & Deploy a Full Stack Chat App with Next.js, Tailwind & Firebase | Part 2

JS Dev Hindi

Build & Deploy a Full Stack Chat App with Next.js, Tailwind & Firebase | Part 1

JS Dev Hindi

Build & Deploy a Full Stack Chat App with Next.js, Tailwind & Firebase | Part 3

JS Dev Hindi

Deployment the Final Part: Chat Application with Next.js, Tailwind & Firebase

JS Dev Hindi

1 unavailable video is hidden

Build & Deploy a Full Stack E-Commerce Website with Next.js 13, Strapi Headless CMS & Tailwind CSS

13.8K subscribers

87K views 3 months ago Projects

It took me around one month to bring you this fully functional, fully responsive and beautiful looking full stack e-commerce project with the latest trending top notch technologies, I have covered all important topics of creating a ecommerce website such as product listing, product detail page, shopping cart, payment gateway and so on…

…

Show more

Show more